import { defineComponent } from 'vue';
import './style.scss';

export default defineComponent({
  name: 'WrapTitle',
  props: {
    title: String,
    img: String,
  },
  render(props: any) {
    return (
      <header
        id="WrapTitle"
        style={{
          backgroundImage: props.img
            ? `url(${require('@assets/longtitle.png')})`
            : `url(${require('@assets/title.png')})`,
          paddingLeft: props.img ? '30px' : '24px',
        }}
      >
        {props.title}
      </header>
    );
  },
});
